<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
</head>
<body>
<!--
    分析步骤
    首先创建一个8行一列的表格

-->
<!--   先建一个8行一列的表格-->
<table width="100%">
<!--     第一部分 logo部分 嵌套一个一行三列的表格-->
    <tr>
        <td>
            <table width="100%">
                <tr>
                    <td>
                        <img src="../resource/img/logo.jpg" alt="">
                    </td>
                    <td>
                        <img src="../resource/img/zhengpin.jpg" alt="">
                    </td>
                    <td>
                        <a href="#">登陆</a>
                        <a href="#">注册</a>
                        <a href="#">购物车</a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--     第二部分导航栏部分 放置5个超链接-->
    <tr bgcolor="black">
        <td height="50px">
            <a href="#"><font color="#f0f8ff">首页</font></a>
            <a href="#"><font color="#f0f8ff">手机数码</font></a>
            <a href="#"><font color="#f0f8ff">鞋靴</font></a>
            <a href="#"><font color="#f0f8ff">箱包</font></a>
        </td>
    </tr>
    <!--    第三部分 轮播图-->
    <tr>
        <td>
            <img src="../resource/img/轮播图.jpg" alt="" width="100%">
        </td>
    </tr>

    <tr>
        <td>
            <!--     第四部分 嵌套一个3行7列的表格-->
            <table width="100%" height="500px">
                <tr>
                    <td colspan="7" height="20px">
                        <h><strong>最新商品</strong><img src="../resource/e69f69232b0772f7a171c1ab0dd219f0_title2.jpg" alt=""></h>
                    </td>

                </tr>
                ``<tr align="center">
                 <!--    左边大图              -->
                    <td rowspan="2" width="206px" height="480px">
                        <img src="../resource/img/zuobiandatu.jpg" alt="">
                    </td>
                    <td colspan="3"  height="240px">
                        <img src="../resource/img/zhonjian.jpg" alt="" width="100%" height="100%">
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                </tr>
                <tr align="centre">

                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td><img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p></td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p></td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--     第五部分 直接放一张图片 -->
    <tr>
        <td>
            <img src="../resource/img/6.jpg" alt="" width="100%">
        </td>
    </tr>
    <!--     第六部分 抄袭第四部分嵌套一个3行7列的表格-->
    <tr>
        <td>
            <table width="100%" height="500px">
                <tr>
                    <td colspan="7" height="20px">
                        <h><strong>热门商品</strong><img src="../resource/e69f69232b0772f7a171c1ab0dd219f0_title2.jpg" alt=""></h>
                    </td>

                </tr>
                <tr align="center">
                    <!--    左边大图              -->
                    <td rowspan="2" width="206px" height="480px">
                        <img src="../resource/img/zuobiandatu.jpg" alt="">
                    </td>
                    <td colspan="3"  height="240px">
                        <img src="../resource/img/zhonjian.jpg" alt="" width="100%" height="100%">
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                </tr>
                <tr align="centre">

                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td><img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p></td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p></td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                    <td>
                        <img src="../resource/img/xiyiji.jpg" alt="">
                        <p>洗衣机</p>
                        <p><font color="#dc143c">998</font></p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--     第七部分 防止一张图片-->
    <tr>
        <td>
            <img src="../resource/img/7.jpg" alt="" width="100%">
        </td>
    </tr>
    <!--     第八部分 防止一推超链接-->
    <tr align="center">

        <td >
            <a href="#">联系我们</a>
            <a href="#">关于我们</a>
            <a href="#">招贤纳什</a>
            <a href="#">联系我们</a>
            <a href="#">联系我们</a>
            <a href="#">联系我们</a>
            <a href="#">联系我们</a>
            <a href="#">联系我们</a>
            <br>
        </td>
    </tr>
</table>


</body>
</html>